<template>
    <div>
        <van-grid square :border="false" :column-num="columnNum">
            <van-grid-item v-for="(item,index) in flexIconList" :key="index" :text="item.text" :to="item.url" :icon="item.icon"></van-grid-item>
        </van-grid>
    </div>
</template>
<script>
export default {
    name:'FlexList',
    props:{
        columnNum:{
            type:Number,
            default:4
        },
        flexIconList:{
            type:Array,
            default:()=>[]
        }
    },
    data(){
        return {
            
        }
    },
    methods:{

    }
}
</script>
<style lang="less" scoped>
/deep/ .van-grid-item__icon{font-size: 40px;}
/deep/ .van-grid-item__text{font-size: 13px;color: #151617;}
</style>